<template>
  <div :class="[
             cValue > 0 ? 'text-success' : cValue < 0 ? 'text-danger' : ''
            ]">
    {{cValue | currency({preDecor: '+'})}}
  </div>
</template>

<script>
  export default {
    name: "money-text",

    props: {
      value: Number,
      negate: {
        type: Boolean,
        default: false,
      }
    },

    computed: {
      cValue() {
        // return this.negate ? -this.value : this.value;
        return this.value;
      }
    }
  }
</script>

<style scoped>

</style>